<style lang="less" scoped>
  @import "../../assets/css/variable.less"; // less变量
  .lectuer_card {
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    .flex_center();
    .lectuer_avatar {
      width: 85px;
      height: 85px;
      flex: none;
      border-radius: 50%;
      overflow: hidden;
      > img {
        width: 100%;
        height: 100%;
        font-size: 0;
      }
    }
    .lectuer_detail {
      width: 0;
      flex: 1;
      height: 85px;
      margin: 0 20px;
      .flex_col();
      justify-content: center;
      .info {
        width: 100%;
        flex: none;
        .flex_left();
        > span {
          color: #333;
          font-size: 32px;
          flex: none;
          &:nth-child(2) {
            color: #666;
            font-size: 24px;
            margin-left: 10px;
            flex: 1;
            .text_overflow();
          }
        }
      }
      .num {
        width: 100%;
        font-size: 26px;
        color: #999;
        margin-top: 12px;
        .text_overflow();
      }
    }
    > i {
      width: 12px;
      height: 12px;
      background: url('../../assets/images/price_up.png') center/100% no-repeat;
      flex: none;
      transform: rotate(90deg);
    }
  }
</style>

<template>
  <div class="lectuer_card">
    <div class="lectuer_avatar">
      <img :src="info.headImg" alt="">
    </div>
    <div class="lectuer_detail">
      <div class="info"><span>{{info.name}}</span><span>{{info.positional}}</span></div>
      <div class="num"  v-if="info.careerCode">执业信息：{{info.careerCode}}</div>
    </div>
    <i></i>
  </div>
</template>

<script>
  export default {
    name: "LectuerCard",
    components: {

    },
    props: ['info'],
    data() {
      return {
        
      }
    },
    created() {
    //console.log(this.info,88777)
    },
    methods: {
      
    }
  };
</script>
